﻿<%@ Page Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true" CodeBehind="Fanpage.aspx.cs" Inherits="websoni.WebForm12" Title="Untitled Page" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<script type="text/javascript" src='<%=Page.ResolveClientUrl("~/Scripts/jquery-1.4.2.min.js") %>'></script>
	<script type="text/javascript" src='<%=Page.ResolveClientUrl("~/Scripts/jquery.fancybox-1.3.1.js") %>'></script>

    <%--<asp:Image ID="Image1" runat="server" Height="127px" 
                                ImageUrl='<%# "~/images/"+Eval("fanphoto") %>' Width="114px" />--%><link href="Styles/jquery.fancybox-1.3.1.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
        $(document).ready(function() {
            $("a#lnkAAInfo").fancybox({
                'transitionIn': 'fade',
                'transitionOut': 'fade'
            });
        
            $("a#lnkARiver").fancybox();
            
            
            $("a#lnkSurveyingTodaysHike").fancybox({
                'titleShow': true,
                'transitionIn': 'elastic',
                'transitionOut': 'elastic'
            });
        });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <p>
        <br />
        <table class="style1">
            <tr>
                <td colspan="2" style="text-align: center">
                    <asp:Label ID="Label8" runat="server" 
                        style="font-size: small; font-weight: 400; font-style: italic; color: #000000" 
                        Text="&quot; Pics with ANKIT &quot;"></asp:Label>
                </td>
            </tr>
            <tr>
                <td colspan="2" style="text-align: center">
                    <asp:DataList ID="DataList1" runat="server" BorderWidth="2px" CellSpacing="20" 
                        RepeatColumns="4" RepeatDirection="Horizontal">
                        <ItemTemplate>
                        <a href='<%# "images/"+Eval("fanphoto") %>' id="lnkSurveyingTodaysHike">
                            <asp:Image ID="lnkSurveyingTodaysHike" runat="server" 
                                ImageUrl='<%# "images/"+Eval("fanphoto") %>' 
                                AlternateText='<%# Eval("fdesc") %>' />
                            </a>
                            <%--<asp:Image ID="Image1" runat="server" Height="127px" 
                                ImageUrl='<%# "~/images/"+Eval("fanphoto") %>' Width="114px" />--%>
                            <br />
                            <asp:Label ID="Label4" runat="server" style="color: #000000; font-size: x-small;" 
                                Text="Posted by :  "></asp:Label>
                            <asp:Label ID="lbname" runat="server" style="color: #000000; font-weight: 400; font-style: italic; font-size: x-small;" 
                                Text='<%# Eval("fanname") %>'></asp:Label>
                        </ItemTemplate>
                    </asp:DataList>
                </td>
            </tr>
            <tr>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
            </tr>
            <tr>
                <td colspan="2">
                    <table class="style1">
                        <tr>
                            <td>
                                <asp:Label ID="lbname" runat="server" 
                                    style="color: #000000; font-weight: 400; font-size: small" Text="Posted by"></asp:Label>
                            </td>
                            <td>
                                <asp:TextBox ID="tbname" runat="server" Width="176px"></asp:TextBox>
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
                                    ControlToValidate="tbname" ErrorMessage="*"></asp:RequiredFieldValidator>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <asp:Label ID="Label6" runat="server" 
                                    style="color: #000000; font-weight: 400; font-size: small" Text="Upload image"></asp:Label>
                            </td>
                            <td>
                                <asp:FileUpload ID="FileUpload1" runat="server" />
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" 
                                    ControlToValidate="FileUpload1" ErrorMessage="*"></asp:RequiredFieldValidator>
                            </td>
                        </tr>
                        <tr>
                            <td valign="top">
                                <asp:Label ID="Label7" runat="server" 
                                    style="color: #000000; font-weight: 400; font-size: small" 
                                    Text="About this image"></asp:Label>
                            </td>
                            <td>
                                <asp:TextBox ID="tbdesc" runat="server" TextMode="MultiLine" Height="92px"></asp:TextBox>
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" 
                                    ControlToValidate="tbdesc" ErrorMessage="*"></asp:RequiredFieldValidator>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                &nbsp;</td>
                            <td>
                                <asp:Button ID="btnok" runat="server" onclick="btnok_Click" Text="Submit" />
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
            </tr>
        </table>
    </p>
    <p>
    </p>
</asp:Content>
